Recientemente he tenido que desarrollar para Mozilla Hispano un shortcode para WordPress que nos permitiese añadir a los artículos vídeos en formato libre Ogg Theora y que mostrará el vídeo en flash para aquellos navegadores que aún no admitan la etiqueta vídeo de HTML5.
La sintaxis es la siguiente, sólo los atributos ogv y flash son obligatorios:
[open-video poster="/ruta/a/imagen.jpg" ogv="/ruta/al/archivo.ogv" mp4="/ruta/al/archivo.mp4" flash="/ruta/al/flash" width="500" height="350" ]
- poster ? Imagen opcional para la vista previa.
- ogv ? Ruta al archivo ogv.
- mp4 ? Ruta al archivo opcional mp4 para navegadores que admiten video con este formato.
- flash ? Ruta al flash.
- width ? Ancho, de no definirse usará 640.
- height ? Alto, de no definirse usará 510.
Para poderlo usar, debereís añadir al archivo functions.php de vuestro tema de WordPress lo siguiente:
function open_video($atts, $content = null) {
extract(shortcode_atts(array(
"width" => '',
"height" => '',
"poster" => '',
"ogv" => '',
"mp4" => '',
"flash" => ''
), $atts));
global $post;
/* Tomamos tamaños o si no tomamos valores por defecto */
if (empty($width)) $width = "640";
if (empty($height)) $height = "510";
$salida = "";
if (!empty($mp4))
$salida .= "";
$salida .= "";
$salida .= "
Descargar vídeo en formato libre ogv";
if (!empty($mp4))
$salida .= " o en formato mp4.";
$salida .= "
";
return $salida;
}
add_shortcode("open-video", "open_video");
7 comments for “Vídeo ogv con HTML5 en WordPress”